<!DOCTYPE html>
<html>
<head>
	<title>A dialog</title>
</head>
<body>
	<div data-role="dialog">
		<div data-role="header">
			<h1>A dialog</h1>
		</div>
		<div data-role="content">
			<a href="hashchange.html" data-role="button" data-inline="true">A page</a>
			<div id="thePopupInsideADialog" data-role="popup">
				<p>This is a popup from a dialog</p>
				<a href="hashchange1.html">Another page</a>
				<a href="hashchange2.html">Yet another page</a>
			</div>
			<a href="#thePopupInsideADialog" data-role="button" data-rel="popup" data-inline="true">A popup from a dialog</a>
			<a href="dialog1.html" data-role="button" data-rel="dialog" data-inline="true">Another dialog</a>
			<a href="dialog2.html" data-role="button" data-rel="dialog" data-inline="true">Yet another dialog</a>
			<a href="hashchange1.html" data-role="button" data-inline="true">Another page</a>
		</div>
	</div>
</body>
</html>
